<template>
  <q-layout view="hHh lpR fFf">

    <q-header elevated class="bg-primary text-white" height-hint="98">
      <q-toolbar>
        <q-toolbar-title class="q-ml-sm">
          <q-avatar>
            <img src="~assets/favicon.ico" alt="">
          </q-avatar>
            【蜂寻引擎】数据管理
        </q-toolbar-title>

        <div class="q-mr-xs">
          {{version}}
        </div>
      </q-toolbar>


      <q-tabs align="left">
        <q-route-tab to="/project" label="活动管理" />
        <q-route-tab to="/project_detail" label="活动细节" />
        <q-route-tab to="/page_config" label="配置管理" />
        <q-route-tab to="/main_mange" label="主线场地" />
        <q-route-tab to="/sub_mange" label="支线场地" />
        <q-route-tab to="/task" label="任务管理" />
      </q-tabs>
    </q-header>

    <q-page-container>
      <router-view />
    </q-page-container>

  </q-layout>
</template>
<script setup>
import {ref} from 'vue'

const version = ref(process.env.version)


</script>
